<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
             //浏览器首先会进行预解析
               // 会先找到 var function 和参数
               // 找到 var和function之后 会把var function 提前
               // 从上到下一行一行的执行代码

//        var num = 10;
//        fun();
//        function fun() {
//
//            console.log(num);
//            var num = 20;

             var num; //浏览器先执行 这一行代码

             function fun() {        // 再去执行这一行代码

                 console.log(num);    //由于浏览器是一行一行的执行 所以num的值 就是undefined
                 var num = 20;
             }
             num = 10;
             fun();
    </script>
</head>
<body>

</body>
</html>